  <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>江西省新能源车联网平台</title>
	<!-- <link href="bootstrap/dist/css/bootstrap.css" rel="stylesheet"> -->
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/font.css">
	<link rel="stylesheet" href="css/chaxun.css">
	<link rel="stylesheet" href="css/compents.css">
	<link rel="shortcut icon" href="img/favicon.fw.png">
	<script src="js/jquery-1.9.1.js"></script>
	<script>
		function active(btn){
			var aaa=$(btn);

				aaa.parent().addClass('active');
				aaa.parent().siblings().removeClass('active');

		}
	</script>
	


</head>
<body>
	<nav>
		<div class="logo">
			<img src="img/logo-cc.png" alt="">
			
		</div>
		<div class="title">
			<img src="img/font.png" alt="">
		</div>

		<div class="userinfo">
			<a class="info-list" href="javascript:;">
				<i class="icon icon-user-tie"></i>
				<span>Hi 陶双!&nbsp;</span>
			</a>
			<a class="info-list" href="javascript:;">
				<i class="icon icon-r icon-envelop"></i>
				<div class="noft-red">5</div>
			</a>
			<a class="info-list" href="javascript:;">
				<i class="icon icon-r icon-warning"></i>
				<div class="noft-green">7</div>
			</a>
			<a class="info-list" href="javascript:;">
				<i class="icon icon-cog"></i>
			
			</a>

			
		</div>
		
	</nav>
	<div class="mapdiv">
		<div class="container">
			<div class="top">
				<div class="jiao"></div>

			
			</div>
			<div class="form">
				<div class="form_wrap">
				<!-- 	<div class="clear"></div> -->
					
						<div class="span6">
							<ul class="nav nav-pills">
								<li class="active">
									<a href="javascript:;" id="car"  onclick="active(this)">车辆信息查询</a>
								</li>
								<li><a href="javascript:;" id="cara"  onclick="active(this)">车厂信息查询</a></li>
								<li><a href="javascript:;" id="carb"  onclick="active(this)">4S店查询</a></li>
								
							
						
							</ul>
						</div>
						<div class="wrap">

						<div class="left">

							<div class="tab-content">
									
									
								<div class="chaxun_search">
									
										<div class="xiala search-cars">
											<label class="pane-label" for="cars">车型:</label>
											<input type="text" class="input_vin">
										</div>
										<div class="xiala search-vin">
											<label class="pane-label" for="vin">VIN:</label>
											<input type="text" class="input_vin">
										</div>
							
		
										<button>查询</button>				
		
									
								</div>
				
								
							</div>	
							<div class="scroll-wrap">
								<ul class="item-list">
									<li class="jrad-item current">
									<ul class="info-list-xia">				
										<li>
											<label>车型：</label>
											<span>JXK6120BPHEVN</span>
										</li>
										<li>
											<label>VIN：</label>
											<span class="vin">				LA9BJLMT5FBJXK316</span>
										</li>
									</ul>
									</li>
									<li class="jrad-item">
										<ul class="info-list-xia">
											<li>
												<label>车型：</label>
												<span>JXK6103BPHEVN</span>
											</li>
											<li>
												<label>VIN：</label>
												<span 				class="vin">LA9BHLMS6FBJXK537</span>
											</li>
										</ul>
									</li>
									<li class="jrad-item">
										<ul class="info-list-xia">
											<li>
												<label>车型：</label>
												<span>JXK6103BPHEVN</span>
											</li>
											<li>
												<label>VIN：</label>
												<span class="vin">LA9BHLMS2FBJXK535</span>
											</li>
										</ul>
									</li>
									<li class="jrad-item">
									<ul class="info-list-xia">
										<li>
											<label>车型：</label>
											<span>JXK6700CEV</span>
										</li>
										<li>
											<label>VIN：</label>
											<span class="vin">LA9DELLS8FBJXK266</span>
										</li>
									</ul>
									</li>
									<li class="jrad-item">
										<ul class="info-list-xia">
											<li>
												<label>车型：</label>
												<span>JXK6608CEV</span>
											</li>
											<li>
												<label>VIN：</label>
												<span class="vin">LA9DDKKR9FBJXK191</span>
											</li>
										</ul>
									</li>
								</ul>
									<div class="fenye">
											<label class="ui-pagination-label">1/134</label>
											<span class="ui-pagination-prev disabled"></span>
											<span class="ui-pagination-next"></span>
											<input class="ui-pagination-go" value="1">
											<span class="ui-btn-primary">

												<span class="ui-btn-primary-content">确定</span>
											</span>
										</div>
							</div>						
				




							
						</div>
						<div class="right">
							<div class="select">
								<h3 class="title">基础数据</h3>

								<table class="table table-striped">
									
									
									<tbody>
										<tr>
											<td>
												<label for="">所属车主：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">所属保险公司：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">所属4s店：</label>
												<span>暂无</span>
											</td>
										</tr>
										<tr>
											<td>
												<label for="">车辆型号：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">车牌号：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">车辆类型：</label>
												<span>暂无</span>
											</td>
										</tr>
										<tr>
											<td>
												<label for="">最高车速：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">驱动电机额定转速：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">储能装置种类：</label>
												<span>暂无</span>
											</td>
										</tr>
										<tr>
											<td>
												<label for="">驱动电机安装数量：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">驱动电机布置型式/位置：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">驱动电机额定功率：</label>
												<span>暂无</span>
											</td>
										</tr>
										<tr>
											<td>
												<label for="">驱动电机类型：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">驱动电机冷却方式：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">驱动电机额定转矩：</label>
												<span>暂无</span>
											</td>
										</tr>
										<tr>
											<td>
												<label for="">车型类型：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">里程数据来源：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">纯电续航里程：</label>
												<span>暂无</span>
											</td>
										</tr>
										<tr>
											<td>
												<label for="">已入网时间：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">发动机型号：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">燃油品种：</label>
												<span>暂无</span>
											</td>
										</tr>
									</tbody>
								</table>

							</div>
							<div class="select">
								<h3 class="title">实时数据</h3>

								<table class="table table-striped">
									
									
									<tbody>
										<tr>
											<td>
												<label for="">所属车主：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">所属保险公司：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">所属4s店：</label>
												<span>暂无</span>
											</td>
										</tr>
										<tr>
											<td>
												<label for="">车辆型号：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">车牌号：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">车辆类型：</label>
												<span>暂无</span>
											</td>
										</tr>
										<tr>
											<td>
												<label for="">最高车速：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">驱动电机额定转速：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">储能装置种类：</label>
												<span>暂无</span>
											</td>
										</tr>
										<tr>
											<td>
												<label for="">驱动电机安装数量：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">驱动电机布置型式/位置：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">驱动电机额定功率：</label>
												<span>暂无</span>
											</td>
										</tr>
										<tr>
											<td>
												<label for="">驱动电机类型：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">驱动电机冷却方式：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">驱动电机额定转矩：</label>
												<span>暂无</span>
											</td>
										</tr>
										<tr>
											<td>
												<label for="">车型类型：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">里程数据来源：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">纯电续航里程：</label>
												<span>暂无</span>
											</td>
										</tr>
										<tr>
											<td>
												<label for="">已入网时间：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">发动机型号：</label>
												<span>暂无</span>
											</td>
											<td>
												<label for="">燃油品种：</label>
												<span>暂无</span>
											</td>
										</tr>
									</tbody>
								</table>

							</div>
						</div>

						</div>
					<div class="clear"></div>
					
					
				</div>
				
			</div>

			<div class="map-foot">
				
			</div>
		</div>

		
	</div>
	<div class="slider">
		<ul id="nav-list">
		<!-- 	<a id="toggle" class="">
            	<span class="entypo-menu"></span>
        	</a> -->
			<li><a href="index.html" class="sprite jiankong" id="jiankong"></a></li>
			<li><a href="gaojing.html" class="sprite gaojing" id="gaojing"></a></li>
			<li><a href="javascript:;" class="sprite chaxun" id="chaxun"></a></li>
			<li><a href="zhongduan.html" class="sprite zhongduan" id="zhongduan"></a></li>
		</ul>
		
		
	</div>



<!-- <script src="js/require.js" data-main="js/zhongduan"></script>	 -->



<script>
	
</script>
</body>
</html>